#navbar-wrapper {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
}
#navbar-wrapper.background {
  /* background:rgba(52,71,105, 0.3); */
  /* border-bottom: 1px solid #979797; */
  background-color: rgb(35, 90, 152);
  z-index: 1;
}

#banner-wrapper {
  width: 100%;
  /* position: absolute; */
  width: 100%;
  /* top: 0px; */
  z-index: 0;
  /* min-height: calc(100vh - 64px); */
  position: relative;
  overflow: hidden;
}
#banner-wrapper .banner {
  position: relative;
  height: 420px;
  width: 100%;
  background: no-repeat center;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background-position-y: -2px;
}
#banner-wrapper .about-us-banner {
  background-image: url(../image/about-us/banner.png);
}
#banner-wrapper .group-business-banner {
  background-image: url(../image/group-business/banner.png);
}
#banner-wrapper .contact-us-banner {
  background-image: url(../image/contact-us/banner.png);
}

#banner-wrapper > .content {
  position: absolute;
  color: #fff;
  text-align: center;
  /* height: 100%; */
  width: 100%;
  top: 50%;
  margin-top: -63px;
  user-select: none;
}

#banner-wrapper > .content .title {
  font-size: 64px;
}
#banner-wrapper > .content .sub-title {
  font-size: 24px;
}

/* ----------------------------- */
.container-wrapper {
  margin-top: 20px;
  margin-bottom: 20px;
  min-height: calc(100vh - 520px);
}
.container-wrapper .image-wrapper {
  background: no-repeat center;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  width: 100%;
  /* height: 425px; */
}
/* #banner-wrapper .image-wrapper.about-us {
  background-image: url(../image/about-us/profile.png);
} */
.container-wrapper .image-wrapper img {
  width: 100%;
  /* height: 425px; */
}
.container-wrapper > .container {
  margin-top: 40px;
  margin-bottom: 60px;
}
.container-wrapper > .row {
  padding: 0px;
  /* background-color: #f5f6fb; */
}
.container-wrapper .row.background {
  background-color: #f5f6fb;
}
.container-wrapper > .row > .col-sm-6,
.container-wrapper > .row > .col-md-6 {
  padding: 0px;
}
.container-wrapper .content-wrapper {
  position: relative;
  padding: 20px;
}

.container-wrapper .content-wrapper .title {
  color: #333;
  font-weight: bold;
  font-size: 36px;
  font-weight: 50px;
  margin-bottom: 20px;
}
#banner-wrapper .content-wrapper .sub-title {
  font-size: 24px;
  color: #e5e5e6;
  line-height: 33px;
  margin-top: 12px;
}
.container-wrapper .content-wrapper .divide-line {
  display: inline-block;
  width: 32px;
  height: 4px;
  background: #e5e5e6;
  margin-bottom: 26px;
  margin-top: 10px;
  /* margin-bottom: 12px; */
}
.container-wrapper .content-wrapper .content {
  font-size: 16px;
  color: #666666;
  line-height: 26px;
}
.container-wrapper .content-wrapper .content p {
  margin-top: 15px;
  margin-bottom: 15px;
}
.container-wrapper .row.margin-40 {
  margin-top: 40px;
}
.container-wrapper .row.margin-top-bottom-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.container-wrapper .breadcrumb {
  background-color: #fff;
  padding: 10px 0px;
  margin-bottom: 10px;

  border-bottom: 1px solid #f0f0f0;
}
.container-wrapper .breadcrumb > li > a {
  color: #999999;
  font-size: 14px;
}
.container-wrapper .breadcrumb > li > a.active {
  color: #333333;
}

.container-wrapper .row {
  list-style: none;
}

.container-wrapper .page-navigation {
  text-align: center;
}
.container-wrapper .page-navigation li.active {
  color: #5a83ff;
}
.container-wrapper .page-navigation li a {
  margin-left: 4px;
  margin-right: 4px;
  border-radius: 6px;
  color: #333;
}
.container-wrapper .page-navigation li.active a {
  background-color: #5a83ff;
  border-color: #5a83ff;
  color: #fff;
}

.container-wrapper .breadcrumb.tab-style {
  border-bottom: none;
}
.container-wrapper .breadcrumb.tab-style li + li:before {
  content: " ";
}
.container-wrapper .breadcrumb.tab-style a {
  padding-bottom: 10px;
}
.container-wrapper .breadcrumb.tab-style a.active {
  border-bottom: 3px solid #13a2da;
}
.wrapper {
  margin-top: 40px;
  margin-bottom: 60px;
}

.footer-inner-wrapper {
  background-color: #f0f0f0;
  color: #333;
}


@media (max-width: 1400px) {
  #banner-wrapper .banner {
    height: 315px;
  }
  #banner-wrapper .image-wrapper img {
    /* height: 318px; */
  }
  #banner-wrapper .image-wrapper img {
  }
  .container-wrapper {
    min-height: calc(100vh - 415px);
  }
}
@media (max-width: 1200px) {
  #banner-wrapper .banner {
    height: 280px;
  }
  #banner-wrapper .image-wrapper img {
    /* height: 286px; */
  }
  .container-wrapper {
    min-height: calc(100vh - 380px);
  }
}

@media (max-width: 767px) {
  #banner-wrapper > .container {
    margin-top: 0px;
    margin-bottom: 20px;
  }
  #navbar-wrapper {
    /* background: rgba(0, 0, 0, 0.9); */
    background: rgb(35, 90, 152, 0.8);
    /* border-bottom: 1px solid #979797; */
    z-index: 1;
  }
  #banner-wrapper > .banner .content {
    margin-top: -24px;
  }
  #banner-wrapper > .banner .content .title {
    font-size: 48px;
  }
  #banner-wrapper > .banner .content .sub-title {
    font-size: 20px;
  }
  .container-wrapper {
    margin-top: 0px;
  }
  .container-wrapper .breadcrumb {
    margin-bottom: 0px;
    padding: 10px;
  }
  .breadcrumb>li {
    width: 24%;
    margin-bottom: 10px;
    margin-top: 10px;
  }
  .container-wrapper .breadcrumb.tab-style li + li:before {
    padding: 0 0;
  }
}

@media (min-width: 768px) {
  #banner-wrapper > .banner {
    /* background-size: 113%; */
    /* transition: background-size 0.5s; */
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: 70% center;
    background-size: cover;
    animation: scaleAnim 5s ease forwards;
  }
  #banner-wrapper > .banner:hover {
    /* background-size: 116%; */
    /* transition: background-size 0.5s; */
    /* transition-delay: 0.2; */
  }

}

/*内页*/
@keyframes scaleAnim{
  0%{         
      -webkit-transform: scale(1);
      transform: scale(1);
  }
  100%{
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
      background-size: cover;
  }
}